<template>
  <div>
    <div>
      <p>当前用户：{{ userInfo.username }}</p>
      <p>当前角色：{{ userInfo.role_name }}</p>
      <p>
        分配新角色：
        <el-select v-model="selectedRoleId" placeholder="请选择">
          <el-option
            v-for="item in rolesList"
            :key="item.id"
            :label="item.roleName"
            :value="item.id"
          ></el-option>
        </el-select>
      </p>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="setRoledialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="saveRole">确 定</el-button>
    </span>
  </div>
</template>